/* 桌面端 */
@media screen and (min-width: 911px) {
    .flexBox-main {
        display: flex;
        flex-wrap: wrap; /* 允许子元素换行 */
        row-gap: 10px; /* 子元素之间的间距（可选） */
    }
    
    .flexBox-item-12, .flexBox-item-11, .flexBox-item-10, .flexBox-item-9, .flexBox-item-8,
    .flexBox-item-7, .flexBox-item-6, .flexBox-item-5, .flexBox-item-4, .flexBox-item-3,
    .flexBox-item-2, .flexBox-item-1 {
        padding: 0 5px;
    }

    .flexBox-item-12 {  
        flex: 0 1 calc(100% - 10px); /* 每个子元素占据的宽度，减去间距 */ 
    }
    
    .flexBox-item-11 {  
        flex: 0 1 calc(91.667% - 10px); /* 每个子元素占据的宽度，减去间距 */ 
    }
    
    .flexBox-item-10 {  
        flex: 0 1 calc(83.333% - 10px); /* 每个子元素占据的宽度，减去间距 */ 
    }
    
    .flexBox-item-9 {  
        flex: 0 1 calc(75% - 10px); /* 每个子元素占据的宽度，减去间距 */ 
    }
    
    .flexBox-item-8 {  
        flex: 0 1 calc(66.667% - 10px); /* 每个子元素占据的宽度，减去间距 */ 
    }
    
    .flexBox-item-7 {  
        flex: 0 1 calc(58.333% - 10px); /* 每个子元素占据的宽度，减去间距 */ 
    }
    
    .flexBox-item-6 {  
        flex: 0 1 calc(50% - 10px); /* 每个子元素占据的宽度，减去间距 */ 
    }
    
    .flexBox-item-5 {  
        flex: 0 1 calc(41.667% - 10px); /* 每个子元素占据的宽度，减去间距 */ 
    }
    
    .flexBox-item-4 {  
        flex: 0 1 calc(33.333% - 10px); /* 每个子元素占据的宽度，减去间距 */ 
    }
    
    .flexBox-item-3 {  
        flex: 0 1 calc(25% - 10px); /* 每个子元素占据的宽度，减去间距 */ 
    }
    
    .flexBox-item-2 {  
        flex: 0 1 calc(16.667% - 10px); /* 每个子元素占据的宽度，减去间距 */ 
    }
    
    .flexBox-item-1 {  
        flex: 0 1 calc(8.333% - 10px); /* 每个子元素占据的宽度，减去间距 */ 
    }
}

@media screen and (max-width: 910px) {
    .flexBox-main {
        display: flex;
        flex-wrap: wrap; /* 允许子元素换行 */
        row-gap: 10px; /* 子元素之间的间距（可选） */
    }
    
    .flexBox-item-12, .flexBox-item-11, .flexBox-item-10, .flexBox-item-9, .flexBox-item-8,
    .flexBox-item-7, .flexBox-item-6, .flexBox-item-5, .flexBox-item-4, .flexBox-item-3,
    .flexBox-item-2, .flexBox-item-1 {
        padding: 0 5px;
        flex: 0 1 calc(100% - 10px); /* 每个子元素占据的宽度，减去间距 */ 
    }
}